$(document).ready(function(e) {
    var inf=$(".information");
	var infshow=$(".informationshow");
	var photo=$(".photodiv");
	var mask=$(".mask");
	var i=0;
	var n=0;
	infshow.hide();
    mask.hide();
	
	inf.bind("click",function(){
		if(n==0){
			var index=$(this).index();
		var newindex=(index+1)/3;
		var photoheight=photo.eq(newindex-1).height();
		infshow.eq(newindex-1).height(photoheight)
		infshow.eq(newindex-1).show();
		n=1;
		}else{
			var index=$(this).index();
		    var newindex=(index+1)/3;
		    infshow.eq(newindex-1).hide();
		    n=0;
		}
	});
   photo.bind("mousedown",function(){
	   var index=$(this).index();
	  mask.toggle();
	  if(i==1){
		  var newindex=index/3;
		  inf.eq(newindex).show();
		  $(this).removeClass("photoshow");
		  $(this).addClass("photodiv");
		  i=0;
	  }else{
		var newindex=index/3;
		inf.eq(newindex).hide();
		infshow.eq(newindex).hide();
		 $(this).removeClass("photodiv")
		 $(this).addClass("photoshow");
		 i=1; 
	  }
   });
});




// JavaScript Document